<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="../lib/mui/css/mui.css">
    <link rel="stylesheet" href="../lib/fontawesome/css/font-awesome.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/category.css">
    <title>Document</title>
</head>

<body>
    <header class="pyg_head">
        <div class="mui-input-row mui-search">
            <input type="search" class="mui-input-clear" placeholder="">
        </div>
    </header>
    <div class="pyg_content">
        <div class="content_left">
            <ul>
                <li class="active"><a href="javascript:;">1</a></li>
            </ul>
        </div>
        <div class="content_right">
            <div>
                <div class="items">

                </div>
            </div>
        </div>
    </div>
    <footer class="pyg_footer">
        <a href="../index.html">
            <div class="fa fa-home"></div>
            <div>首页</div>
        </a>
        <a href="javascript:;">
            <div class="fa fa fa-list-ul"></div>
            <div>分类</div>
        </a>
        <a href="javascript:;">
            <div class="fa fa-cart-arrow-down "></div>
            <div>购物车</div>
        </a>
        <a href="javascript:;">
            <div class="fa fa-user-circle"></div>
            <div>我的</div>
        </a>
    </footer>
</body>
<!-- 模板引擎 -->
<!-- 左侧菜单 -->
<script type="text/template" id="cateTemp">
    <ul>   
                {{each data value index}}
                {{if index==0}}
                <li class="active"><a href="javascript:;">{{value.cat_name}}</a></li>         
               {{/if}}
               {{if index!=0}}
               <li>{{value.cat_name}}</li>
               {{/if}}
               {{/each}}
    </ul>    
</script>

<!-- 右侧菜单 -->

<script type="text/template" id="rightTemp">
    <div>
        {{each data value index}}
                <div class="items">
                    <div class="right_title">{{value.cat_name}}</div>
                    <div class="goods">
                        <ul>
                        {{each value.children value1 index1}}
                        <li>
                            <a href="goods_list.html?cid={{value1.cat_id}}">
                                <img src="http://api.pyg.ak48.xyz/{{value1.cat_icon}}"
                                    alt="">
                                <div>{{value1.cat_name}}</div>
                            </a>
                        </li>
                        {{/each}}
                        </ul>
                </div>
                </div>
                {{/each}}
    </div>
</script>

<script src="../lib/mui/js/mui.js"></script>
<script src="../lib/zepto/zepto.js"></script>
<script src="../lib/arttemplate/template-web.js"></script>
<script src="../lib/iscroll/iscroll.js"></script>
<script src="../js/common.js"></script>
<script src="../js/category.js"></script>

</html>